import React, { Component } from 'react';
import { Table, Pagination } from 'antd';

class Obtain extends Component {
  render() {
    const columns = [{
      title: 'Total',
      dataIndex: ''
    }, {
      title: 'Login',
      dataIndex: ''
    }, {
      title: 'Sign In',
      dataIndex: ''
    }, {
      title: 'Read',
      dataIndex: ''
    }, {
      title: 'Readreward',
      dataIndex: ''
    }, {
      title: 'Like',
      dataIndex: ''
    }, {
      title: 'Share',
      dataIndex: ''
    }, {
      title: 'Contribute',
      dataIndex: ''
    }, {
      title: 'Payment',
      dataIndex: ''
    }, {
      title: 'Cash Reward',
      dataIndex: ''
    }, {
      title: 'Time',
      dataIndex: ''
    }]

    return (
      <div>
        <Table
          rowKey="id"
          className="select-table"
          dataSource={this.props.dataSource}
          columns={columns}
          pagination={false} />
        <Pagination
          className="tr mt10"
          showQuickJumper
          showSizeChanger
          showTotal={total => `Total ${total}`}
          total={this.props.dataTotal}
          onChange={this.props.pageOnChange}
          onShowSizeChange={this.props.pageSizeOnChange}
          current={this.props.pageCurrent} />
      </div>
    )
  }
}

export default Obtain;
